<template>
<div>
    <!-- Common Header -->
    <common-header></common-header>
    <!-- Common Header End -->

    <!-- Main -->
    <div class="main" >
        <router-view
       :transition="'vux-pop-' + (direction === 'forward' ? 'in' : 'out')"></router-view>
    </div>
    <!-- Main End -->

    <!-- Common Footer -->
    <!-- <common-footer></common-footer> -->
    <!-- Common Footer End -->
</div>
</template>

<style lang="sass">

html, #app {
  height: 100%
}
.main {
  overflow-x: hidden;
  /*min-height: 100%;*/
  height: 100%;
  width: 100%;
}


</style>

<script>
import  "./public/css/ui.scss";
import  "./public/css/style.scss";
import store from './vuex/store';
export default {
    vuex: {
        getters: {
          direction: (state) => state.direction
        },
        actions:{
        }
    },
    watch:{

    },
    created(){

    },
    methods:{
    },
    components: {
        'commonHeader': require('./components/header.vue')
    },
    store,
};
</script>
